.ddsmoothmenu{}
.ddsmoothmenu ul{z-index:100;}

/*Top level list items*/
.ddsmoothmenu ul li{position:relative;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{}
.ddsmoothmenu ul li span{float:right;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display:inline-block;}
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/}
.ddsmoothmenu ul li a:hover{text-decoration:none;}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{position:absolute;display:none; /*collapse all sub menus to begin with*/visibility:hidden;min-width:150px;top:30px;padding-left:0px;overflow:visible!important;text-transform:uppercase!important;text-align:left;max-width:200px;width:200px;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display:list-item;float:none;background:#fff;border-top:1px #ddd solid;background:none;}
.ddsmoothmenu ul li:hover ul li a{color:#000!important;}
.ddsmoothmenu ul li ul li{background:#fff;}
.ddsmoothmenu ul li ul li:hover{background:#C01F25;}
.ddsmoothmenu ul li:hover ul li a{color:#00b6ff;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{position:absolute;    /*left: 180px !important;*/display:none;visibility:hidden;padding-top:0px;margin-top:-1px;min-width:150px;top:0px;padding-left:0px;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{padding:0px 10px;margin:0;line-height:25px;display:block;font-size:14px;}
.ddsmoothmenu ul li:hover ul li:hover ul li a{color:#000!important;}
.ddsmoothmenu ul li:hover ul li:hover ul li:hover a{color:#fff!important;}
.ddsmoothmenu ul li ul li:hover a{color:#fff!important;}
.ddsmoothmenu ul li ul li ul li ul{margin-left:0px!important;}
.ddsmoothmenu ul li:hover ul li:hover ul li:hover ul li a{color:#000!important;}
.ddsmoothmenu ul li:hover ul li:hover ul li:hover ul li:hover a{color:#fff!important;}
.menu ul li a:hover{}
.menu ul li:first-child a.active{}
.menu ul li a.active{}
.menu ul li ul a.selected,.menu ul li ul li a:hover{color:#ff0;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height:1%;}

/*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{position:absolute;top:12px;right:7px;display:none;}
.rightarrowclass{position:absolute;top:10px;right:5px;}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position:absolute;left:0;top:0;width:0;height:0;background:silver;}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity:0.8;}